@charset "utf-8";
@import '../basic/variables';
@import '../basic/mixins';
@import '../basic/normalize';
@import '../basic/default';

.footer {
    background-color: #131313;
    .footer-map {
        padding-top: 64px;
        padding-left: 70px;
        padding-right: 70px;
        display: flex;
        justify-content: space-between;
        dl {
            margin: 0;
            dt {
                color: #fff;
                font-size: 22px;
                margin-bottom: 12px;
                font-weight: 200;
            }
            dd {
                font-weight: 200;
                margin-bottom: 10px;
                margin-left: 0;
                a {
                    text-decoration: none;
                    color: #fff;
                    font-size: 14px;
                }
            }
        }
        .footer-map-border {
            width: 2px;
            height: 21px;
            background-color: #707070;
        }
    }
    .footer-contact {
        padding-left: 70px;
        padding-right: 70px;
        display: flex;
        .footer-contact-rqcode {
            @include square(103px);
            display: block;
        }
        .footer-contact-msg {
            align-self: flex-end;
            margin-left: 31px;
            div {
                color: #707070;
                margin-bottom: 5px;
                span {
                    &:first-of-type {
                        font-size: 17px;
                    }
                    &:last-of-type {
                        font-size: 12px;
                    }
                }
            }
            a {
                color: #707070;
                font-size: 30px;
                line-height: 1;
                text-decoration: none;
            }
        }
    }
    .footer-hr {
        margin: 15px 0;
        height: 1px;
        background: rgba(112, 112, 112, 1);
        border: none;
    }
    .footer-tips {
        margin: 0;
        font-size: 16px;
        text-align: center;
        color: #707070;
        padding-bottom: 30px;
        line-height: 1.8;
    }
}

.header {
    background-color: #131313;
    padding-top: 47px;
    .header-nav {
        position: relative;
        z-index: 99999;
        .header-nav-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            overflow: hidden;
            .header-nav-logo {
                padding-left: 44px;
                width: 187px;
                height: 39px;
            }
            .header-nav-list {
                list-style: none;
                display: flex;
                font-size: 0;
                padding-left: 0;
                .header-nav-item {
                    a {
                        font-size: 18px;
                        color: #fff;
                        text-decoration: none;
                        // text-shadow: 3px 1px 3px #5f5f5f;
                    }
                    padding: 12px 21px;
                    border-right: 1px solid #ddd;
                    &:last-of-type {
                        border: none;
                    }
                    .header-nav-item-child {
                        margin-left: -20px;
                        overflow: hidden;
                        width: 175px;
                        background-color: #fff;
                        position: absolute;
                        top: 60px;
                        list-style: none;
                        padding-left: 0;
                        li {
                            padding: 12px 15px;
                            margin: 0 15px;
                            border-bottom: 1px solid #000;
                            &:last-of-type {
                                border-bottom: none;
                            }
                            a {
                                color: #000;
                                font-size: 16px;
                                font-weight: 500;
                                line-height: 1.6;
                            }
                        }
                    }
                    .header-nav-item-child-plus {
                        height: 249px;
                        width: 411px;
                        display: flex;
                        flex-wrap: wrap;
                        li {
                            width: 144px;
                        }
                    }
                }
                .header-nav-active {
                    padding-bottom: 6px;
                    border-bottom: 4px solid #1616b4;
                }
            }
            .header-nav-phone {
                padding-right: 44px;
                font-size: 16px;
                color: #fff;
                font-weight: bold;
                text-decoration: none;
            }
        }
    }
    .header-nav-hr {
        margin: 15px auto;
        height: 1px;
        background: #fff;
        border: none;
    }
    .header-swiper {
        width: 100%;
        height: 656px;
        margin: -121px auto 0 auto;
        overflow: hidden;
        .swiper-slide {
            background-position: center 0;
            background-repeat: no-repeat;
            background-size: cover;
        }
        a {
            display: block;
            @include square(100%);
        }
    }
    .other-header-bg {
        width: 100%;
        height: 688px;
        margin: -121px auto 0 auto;
        overflow: hidden;
        background-position: center 0;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .other-header-title {
        height: 47px;
        background: rgba(11, 49, 144, 1);
        display: flex;
        align-items: center;
        font-size: 0;
        h1 {
            line-height: 1;
            padding-left: 111px;
            font-size: 31px;
            font-weight: 400;
            color: rgba(255, 255, 255, 1);
        }
    }
}
